<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>API-index</title>
    <!-- 重置 -->
    <link rel="stylesheet" href="../css/normalize.css" />
    <!-- 公共 -->
    <link rel="stylesheet" href="../css/public.css" />
    <!-- 当前 -->
    <link rel="stylesheet" href="../css/API.css" />
  </head>
  <body>
    <!-- 头部 -->
    <div class="head clearfix">
      <h1 class="head-logo fl">
        <a href="#"><img src="../imgs/new-logo-white2.png" alt="" /></a>
      </h1>
      <div class="head-nav fl clearfix">
        <ul>
          <li><a href="../page/home.html">首页</a></li>
          <li class="active"><a href="../page/API.html">API</a></li>
          <li><a href="#">云服务</a></li>
          <li><a href="../page/customer.html">案例</a></li>
          <li><a href="#">开发者</a></li>
        </ul>
      </div>
      <div class="head-btn fr">
        <a class="btn-log" href="../page/login.html">登录</a>
        <a class="btn-register" href="../page/register.html">注册有礼</a>
      </div>
    </div>

    <!-- API分类 -->
    <div class="APIsort container">
      <div class="API-btn">
        <p>API分类</p>
        <div class="api-link clearfix">
          <!-- <a class="fl" href="#">全部</a>
          <a class="fl" href="#">生活服务</a>
          <a class="fl" href="#">金融科技</a>
          <a class="fl" href="#">交通地理</a>
          <a class="fl" href="#">充值缴费</a>
          <a class="fl" href="#">数据智能</a>
          <a class="fl" href="#">企业工商</a>
          <a class="fl" href="#">应用开发</a>
          <a class="fl" href="#">电子商务</a>
          <a class="fl" href="#">吃喝玩乐</a>
          <a class="fl" href="#">文娱视频</a>
          <a class="fl " href="#">免费接口大全 </a>
          <a class="fl" href="#">短信</a>
          <a class="fl" href="#">汽车</a>
          <a class="fl" href="#">核验</a>
          <a class="fl active" href="#">最新发布 </a>
          <a class="fl" href="#">API私有化部署 </a> -->
        </div>
      </div>
      <!-- 搜索框 -->
      <div class="API-serch">
        <span id="apiTips" class="fwbold f14">全部</span>
        <div class="serch-id">
          <input id="idcards" type="text" placeholder="身份证实名" />
          <img src="../imgs/magnifier.png" alt="" />
        </div>
      </div>
      <!-- 图片 -->
      <ul class="API-list clearfix">
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="../page/API-details.html">
              <img src="../imgs/API_01.jpg" alt="" />
              <p class="mt13">2021出行防疫政策指南</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="../page/API-details.html">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">身份证实名认证</p>
              <p class="cred">￥0.2000/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="../page/API-details.html">
              <img src="../imgs/API_03.jpg" alt="" />
              <p class="mt13">天气预报</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">银行卡四元素校验</p>
              <p class="cred">￥0.3360/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">短信API服务</p>
              <p class="cred">￥0.0400/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="#">
              <img src="../imgs/API_01.jpg" alt="" />
              <p class="mt13">2021出行防疫政策指南</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">身份证实名认证</p>
              <p class="cred">￥0.2000/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="#">
              <img src="../imgs/API_03.jpg" alt="" />
              <p class="mt13">天气预报</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">银行卡四元素校验</p>
              <p class="cred">￥0.3360/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">短信API服务</p>
              <p class="cred">￥0.0400/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="#">
              <img src="../imgs/API_01.jpg" alt="" />
              <p class="mt13">2021出行防疫政策指南</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">身份证实名认证</p>
              <p class="cred">￥0.2000/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="#">
              <img src="../imgs/API_03.jpg" alt="" />
              <p class="mt13">天气预报</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">银行卡四元素校验</p>
              <p class="cred">￥0.3360/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">短信API服务</p>
              <p class="cred">￥0.0400/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="#">
              <img src="../imgs/API_01.jpg" alt="" />
              <p class="mt13">2021出行防疫政策指南</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">身份证实名认证</p>
              <p class="cred">￥0.2000/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use uses">企业专用</span>
          <div class="list-text list-high">
            <a href="#">
              <img src="../imgs/API_03.jpg" alt="" />
              <p class="mt13">天气预报</p>
              <p class="cgreen">免费</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">银行卡四元素校验</p>
              <p class="cred">￥0.3360/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
        <li class="list-li fl">
          <span class="list-use">企业专用</span>
          <div class="list-text">
            <a href="#">
              <img src="../imgs/API_02.jpg" alt="" />
              <p class="mt13">短信API服务</p>
              <p class="cred">￥0.0400/次</p>
            </a>
          </div>
          <a class="apply-data">申请数据</a>
        </li>
      </ul>
      <!-- 分页 -->
      <div class="page">
        <div class="page-box clearfix">
          <a class="page-num active" href="#">1</a>
          <a class="page-num">2</a>
          <a class="page-num">3</a>
          <a class="page-num">4</a>
          <a class="page-num">5</a>
          <a class="page-num">6</a>
          <a class="page-num">7</a>
          <a class="page-num">8</a>
          <a class="page-num">9</a>
          <span class="fl">......</span>
          <a class="page-last fl" href="#">下一页 ></a>
        </div>
      </div>
    </div>

    <!-- 蒙层 -->
    <div class="mask">
      <div id="nouse"></div>
      <div class="modal">
        <h2><img src="../imgs/loginlogo.png" alt="" /></h2>

        <div class="toggle-login">
          <a class="active">账号登录</a>
          <span>|</span>
          <a href="#">扫码登录</a>
        </div>

        <div class="login-box">
          <!-- 账号登录 -->
          <div id="id-log" class="on tabContent">
            <!-- 表单 -->
            <div class="model-form">
              <p class="model-pro model-user">
                <input class="form-input" id="user" type="text" placeholder="手机号" />
                <img id="input-icon" src="../imgs/clearInput.png" alt="" />
                <span class="err-msg" id="userMsg"></span>
              </p>
              <p class="model-pro model-pwd">
                <input class="form-input" id="pwd" type="password" placeholder="密码" />
                <img id="input-icons" src="../imgs/clearInput.png" alt="" />
                <span class="err-msg" id="pwdMsg"></span>
              </p>
            </div>

            <!--忘记密码  -->
            <div class="forget">
              <a href="#">忘记密码?</a>
            </div>

            <!-- 登录按钮 -->
            <button class="model-btn" id="model-btn">登录</button>

            <!-- 立即注册 -->
            <div class="register">
              <p class="no-user">还没有源码账号，</p>
              <a href="#">立即注册</a>
              <span></span>
            </div>
          </div>

          <!-- 扫码登录 -->
          <div id="record" class="tabContent">
            <div class="QR-code">
              <img src="../imgs/showqrcode.jpg" alt="" />
              <p>微信扫码登录</p>
              <p class="mt13">未关注源码科技公众号，请先关注后再登录</p>
            </div>
            <div class="register">
              <p class="no-user">还没有源码账号，</p>
              <a href="#">立即注册</a>
              <span></span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 页尾 -->
    <div class="footer">
      <div class="foot container clearfix">
        <div class="foot-left fl clearfix">
          <dl class="left-cont fl">
            <dt>联系与支持</dt>
            <dd><a href="#">400-882-7715</a></dd>
            <dd><a href="#">售前咨询</a></dd>
            <dd><a href="#">客服&售后</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">极速工单</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
          </dl>
          <dl class="left-cont fl">
            <dt>联系与支持</dt>
            <dd><a href="#">400-882-7715</a></dd>
            <dd><a href="#">售前咨询</a></dd>
            <dd><a href="#">客服&售后</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">极速工单</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
          </dl>
          <dl class="left-cont fl">
            <dt>联系与支持</dt>
            <dd><a href="#">400-882-7715</a></dd>
            <dd><a href="#">售前咨询</a></dd>
            <dd><a href="#">客服&售后</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">极速工单</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
          </dl>
          <dl class="left-cont fl">
            <dt>联系与支持</dt>
            <dd><a href="#">400-882-7715</a></dd>
            <dd><a href="#">售前咨询</a></dd>
            <dd><a href="#">客服&售后</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">极速工单</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
          </dl>
          <dl class="left-cont fl">
            <dt>联系与支持</dt>
            <dd><a href="#">400-882-7715</a></dd>
            <dd><a href="#">售前咨询</a></dd>
            <dd><a href="#">客服&售后</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">极速工单</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
          </dl>
          <dl class="left-cont fl">
            <dt>联系与支持</dt>
            <dd><a href="#">400-882-7715</a></dd>
            <dd><a href="#">售前咨询</a></dd>
            <dd><a href="#">客服&售后</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">极速工单</a></dd>
            <dd><a href="#">投诉与建议</a></dd>
          </dl>
          <div class="left-permit fl">
            <a href="#"><img src="../imgs/bei1.png" alt="" /></a>
            <a href="#"><img src="../imgs/bei2.png" alt="" /></a>
            <span
              >增值电信业务经营许可证：蜀B2-20180596 蜀ICP备15006450号-3
              营业执照</span
            >
          </div>
        </div>
        <div class="foot-bottom fr clearfix">
          <h3>微信公众号</h3>
          <p>源码时代</p>
          <a href="#"><img src="../imgs/103-demo.png" alt="" /></a>
          <span>源码大数据股份有限公司©版权所有</span>
        </div>
      </div>
    </div>

    <script src="../lib/tab.js"></script>
    <script src="../js/api-data.js"></script>
    <script src="../js/API.js"></script>
  </body>
</html>
